<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Sprint | Andaily</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Andaily development">
    <meta name="author" content="Andaily">

    <!-- Le styles -->
    <link href="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .footer {
            color: #d3d3d3;
        }

        .sprint-form {
            padding-top: 30px;
            padding-left: 10px;
            padding-right: 10px;
        }

        .sprint-form table {
            width: 100%;
        }

        label {
            color: #3a87ad;
        }

        .help-block {
            color: #d3d3d3;
        }

    </style>
    <link href="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css"
          rel="stylesheet">
    <link href="datepicker.css" rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->

</head>

<body>
<div class="container">
    <div class="row">
        <div class="span2">
            <a href="/" target="_blank" title="Andaily">
                <img src="../../../logo/andaily-250x150.png" class="img-rounded"/>
            </a>
        </div>
        <div class="span1">
            <span class="badge badge-inverse" style="position: relative;top: 75px;">developer</span>
        </div>
        <div class="span3 offset6">
            <div style="position: relative;top: 65px;">
                <ul class="nav nav-pills">
                    <!--<li class="active dropdown">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#">创建<b class="caret"></b> </a>-->
                    <!--<ul class="dropdown-menu">-->
                    <!--<li><a href="#">创建Sprint</a></li>-->
                    <!--<li><a href="#">创建Task</a></li>-->
                    <!--</ul>-->
                    <!--</li>-->
                    <li class="active"><a href="development.html">Task</a></li>
                    <li><a href="#">Sprint</a></li>
                    <li><a href="#">Backlog</a></li>
                    <!--<li><a href="#">Project</a></li>-->
                </ul>
            </div>
        </div>
    </div>

    <form>
        <div class="row sprint-form">
            <div class="span8 well">
                <fieldset>
                    <legend>Sprint</legend>
                    <table>
                        <tr>
                            <td colspan="2">
                                <label for="name">Sprint name</label>
                                <input type="text" name="name" class="input-xlarge" id="name" placeholder="Sprint name"
                                       required/>
                                <span class="help-block">Sprint name look like:  Andaily 1.0 or Andaily - developer 1.0 .</span>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label for="startDate">Start date</label>

                                <div class="input-append date" id="startDate">
                                    <input placeholder="Start date" class="span2" type="text" value="2013-08-16"
                                           readonly required/>
                                    <span class="add-on"><i class="icon-th"></i></span>
                                </div>
                                <span class="help-block">Start date must be after today</span>
                            </td>
                            <td>
                                <label for="endDate">End date</label>

                                <div class="input-append date" id="endDate">
                                    <input placeholder="End date" class="span2" type="text" readonly required/>
                                    <span class="add-on"><i class="icon-th"></i></span>
                                </div>
                                <span class="help-block">End date must be after the start date</span>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <label for="description">Description</label>
                                <textarea id="description" name="description" class="ckeditor"></textarea>
                            </td>
                        </tr>
                    </table>
                </fieldset>
            </div>
            <div class="span3 well">
                <fieldset>
                    <legend>Select Backlog</legend>
                </fieldset>
                <ol>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox"> Add new Id
                        </label>
                    </li>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox"> Add new Id
                        </label>
                    </li>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox"> Add new Id
                        </label>
                    </li>
                    <li>
                        <label class="checkbox">
                            <input type="checkbox"> Add new Id
                        </label>
                    </li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="span5 offset2">
                <button type="submit" class="btn btn-success btn-large"><i class="icon-plus icon-white"></i> Save
                </button>
                <button type="submit" class="btn btn-info btn-large"><i class="icon-plus icon-white"></i>
                    Save & Create task
                </button>
                <a href="#" class="btn btn-link">Cancel</a>
            </div>
        </div>
    </form>
    <div class="footer">
        <hr/>
        <p>&copy; Andaily 2013</p>
    </div>

</div>


<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://cdnjs.bootcss.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="bootstrap-datepicker.js"></script>
<script src="ckeditor/ckeditor.js"></script>

<script>
    $(function () {
        $('#startDate,#endDate').datepicker({
            format:'yyyy-mm-dd',
            startDate:'2013-08-16',
            weekStart:1
        });
    });
</script>

</body>
</html>
